<template>
	<div class="equipmentsend">
		<back :title="title"></back>
		<p class="tips" id="productRe">请扫描设备序列号</p>
		<!--<p class="result" id="results"></p>-->
		<div class="wxsys" @click="scan" id="sweep">扫一扫</div>
		<!--<div class="wxsys" @click="pickGoods" id="pickGoods" style="display: none;margin-top: 0.8rem;">确认还货</div>-->
	</div>
</template>

<script>
import wx from 'weixin-js-sdk'
import back from '@/components/m-shop/m-store/back'
let result = ''

	export default {
		name:'equipmentsend',
		components: {
		back
	},
		data () {
			return {
				title:'产品归还',
			}
		},
		created () {
			//this.scan()
		},
		methods:{
			//扫描
			scan () {			
				//这里【url参数一定是去参的本网址】
				//获取微信认证参数的地址
				let _this = this
				let url = location.href.split('#')[0];
				this.$http.get("http://www.ewj100.com/ewj/shop/wx/jsapi/createJsapiSignature?url="+url,{
				}).then(res => {
					wx.config({
						debug: false,
						// 必填，公众号的唯一标识               
						appId:res.data.appId,
						// 必填，生成签名的时间戳              
						timestamp: res.data.timestamp,
						// 必填，生成签名的随机串             
						nonceStr: res.data.nonceStr,
						// 必填，签名                
						signature: res.data.signature,
						// 必填，需要使用的JS接口列表，所有JS接口列表               
						jsApiList: ['checkJsApi', 'scanQRCode']
					});
			   }).catch(res => {
			   	   _this.$toast(res.response.data)
			   })
				wx.error(function(res) {
					alert("出错了：" + res.errMsg);
					//这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
				});
				wx.ready(function() {
					wx.checkJsApi({
						jsApiList: ['scanQRCode'],
						success: function(res) {}
					});
					wx.scanQRCode({
						needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，                   
						scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
						success: function(res) {
							   if(!!res.resultStr){
							     // result = res.resultStr // 当needResult 为 1 时，扫码返回的结果
							      _this.$http.put(_this.$store.state.reqUrl + '/shops/orders/returnProduct/'+res.resultStr, {
								  params:{
										shopId:_this.$store.state.shop_id
									}
								  }).then(res => {
							          _this.$toast("还货成功!")
								  }).catch(res =>{
									_this.$toast(res.response.data)
								 })
							     /* document.getElementById("results").innerHTML = result;
							      document.getElementById("productRe").style.display="none";
							      document.getElementById("sweep").style.display="none";
							      document.getElementById("pickGoods").style.display="block";*/
							   }
						}
					});
				});
			},
			//点击扫描
			sys_click () {
				this.scan()
			},
			//确认还货
			pickGoods () {
				this.$http.put(this.$store.state.reqUrl + '/shops/operation/returnProduct/'+result, {
					params:{
						shopId:this.$store.state.shop_id
					}
				}).then(res => {
			       this.$toast("还货成功！")
				}).catch(res =>{
					this.$toast(res.response.data)
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.equipmentsend {
		width: 100%;
		margin-top: 100px;
		.tips{
			text-align: center;
			font-size: 34px;
			margin:60px 0 20px 0;
		}
		.result{
			font-size: 30px;
			text-align: center;
			margin-bottom: 20px;
		}
		.wxsys {
			width:100%;
			background: cadetblue;
			height: 80px;
			color: #ffffff;
			font-size: 30px;
			text-align: center;
			line-height: 80px;
		}
	}
</style>